<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
 <style>
 *{
     padding: 0px;
     margin: 0px;
     list-style: none;
 }
 .a1{
     height: 108px;
     /*width: 1280px;*/
     
     background:white;
 }
 .cen{
     height: 70px;
     width: 213px;
     margin:26px auto 26px;
     background: rgb(228, 17, 17);
     margin-bottom: 38px;
     margin-top: 108px;
 }
 .cent1{
    width: 664px;
    height: 40px;
    margin: 0px auto 0px;
    margin-bottom: 209px;
    background: white;
}
 .bot{
    width: 545px;
    height: 146px;
    margin: 100px auto 100px;
    background:white;
    
}

 img{
     height: 70px;
     width: 213px;
 }


 .a1 .b1{
     float: right;
     margin-right: 20px;
     margin-top: 20px;
     
 }
 .a1 .b2{
     width: 68px;
     height: 25px;
     background-color: rgb(12, 153, 247);
     float: right;
     
 }
 .b1 a{
     color: black;
 }
 .b2 a{
     color: white;
     text-decoration: none;
 }

.cent1 .a2{
    height: 40px;
    width: 540px;
}
.cent1 .a3{
    float: right;
    height: 45px;
    width: 120px;
    background-color: rgb(12, 153, 247);
    border: 0px none white;
    color: white;
    
}
.bot p{
    text-align: center;
}
.bot .p1{
    margin-top: 7px;
    margin-bottom: 25px;
}
.bot .p2 a{
    margin-right: 24px;
    color: black;
}
.bot .p3 a{
    color: black;
}
.cent1 .a4{
    position:absolute;
    top: 330px;
    right: 543px;
}






 </style>
    <body>
            <ul class="a1">
            <li class=" b1 b2"><a href="">更多产品</a></li>
            <li class="b1 b3"><a href="">设置</a></li>
            <li class="b1 b3"><a href="">登录</a></li>
            <li class="b1"><a href="">贴吧</a></li>
            <li class="b1"><a href="">地图</a></li>
            <li class="b1"><a href="">视频</a></li>
            <li class="b1"><a href="">新闻</a></li>
            <li class="b1"><a href="">hao123</a></li>
            <li class="b1"><a href="">糯米</a></li>         
        </ul>
        <div class="cen"><img src="images/baidu_jgylogo3.gif" alt=""></div>
        <div class="cent1"><img src="images/camera_new_5606e8f.png" alt="" style="height: 35px;width: 35px;" class="a4"><input type="text" name="" id="" class="a2">
        <input type="button" value="百度一下" class="a3"></div>
        
        
        <div class="bot"><p><img src="images/zbios_efde696.png" alt="" style="height: 61px;width: 61px;"></p>
        <p class="p1">手机百度</p>
    <p class="p2"><a href="">把百度设为主页</a><a href="">关于百度</a><a href="">About Baidu</a><a href="">百度推广</a></p>
    <p class="p3">©2016 Baidu <a href="">使用百度前必读</a> <a href="">意见反馈</a> 京ICP证030173号 <a href="">京公网安备11000002000001号</a></p></div>
    </body>
</html>